<template>
  <div class="wrapper wrapper-content animated fadeInRight v-cloak" v-cloak>
    <div class="row">
        <div class="form col-md-12">
          <div class="clearfix "></div>
          <div class="col-md-6">
            @[
                var _col_edit_count=0;
                for( t in beanVo!){
                _col_edit_count++;
            /]
                <div class="form-group clearfix">
                    <label class="control-label">${t.columnComment}：</label>
                    <div class="col-md-12 form-control">
                        {{item.${t.columnNameFormat}${columnMap[t.columnNameFormat]=='Date'?" | date('yyyy-MM-dd HH:mm:ss')":""}}}
                    </div>
                </div>
                @[
                    if(_col_edit_count==parseInt(beanVo.~size/2)+1){
                    _col_edit_count=0;
                /]
          </div>
          <div class="col-md-6">
        @[       }
            }
        /]
          </div>
          <div class="clearfix "></div>
          <div class="col-12 text-center" style="height: 50px;">
              <a @click="lbox.closeMyBoxLayer()" class="btn btn-primary" href="javascript:">返回</a>
          </div>
        </div>
    </div>
  </div>
</template>
<script type="text/javascript">
  import '@/assets/css/style.css'

  import axios from 'axios'
  import {apiUtil, site} from '@/assets/js/boss'

  export default {
    data() {
      return {
        item: {}
      }
    },
    mounted() {
      let that = window.$vueApp = this;
      document.getElementsByTagName('body')[0].className = 'fixed-sidebar full-height-layout';
      that.staff.init(function () {
        axios.get(site.${tableNameL}.info + sessionStorage.getItem(site.${tableNameL}.info), {}).then(function (response) {
          const result = response.data;
          if (result.code === 0) {
            that.item = result.data;
          } else {
            alert(result.message);
          }
        });
      });
    },
    methods: {}
  }
</script>
